
h3,
p {
    text-align: center;
}

.wrapper {
    width: 80vw;
    border: 4px solid blue;
    margin: 25px auto;
}

.wrapper>*:nth-child(2n) {
    background: #dfdfdf;
}

.wrapper>*:nth-child(2n+1) {
    background: #ffff00;
}

.first {
    overflow: auto;
}

.first>* {
    float: left;
    width: 20%;
    height: 100px;
}


.second {
    overflow: auto;
}

.second>* {
    float: right;
    width: 20%;
    height: 100px;
}


.third {
    height: 200px;
}

.third>span:first-child {
    float: left;
    width: 20%;
    height: 200px;
}

.third>span:nth-child(2) {
    float: left;
    width: 60%;
    height: 200px;
}

.third>span:last-child {
    float: left;
    width: 20%;
    height: 200px;
}

